<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/style.css">
    <title>站酷</title>
</head>
<body>
    <div class="wrap">
        <div class="top">
            <div class="top-left">
                <h3>ZCOOL</h3>
                <span>站酷</span>
            </div>
            <div class="top-mid">
                <ul>
                    <li>首页</li>
                    <li>发现</li>
                    <li>同城</li>
                    <li>职位</li>
                    <li>活动</li>
                    <li>正版素材</li>
                    <li>课程</li>
                    <img src="img/gengduo.png" alt="">
                </ul>
                <img src="img/gengduo.png" alt="">
            </div>
            <div class="top-right">
                <p>登录&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;注册</p>
                <img src="../img/icon/shangchuan.png" alt="">
                <img src="../img/icon/sousuo.png" alt="">
            </div>
        </div>

        <div id="banner">
            <div class="banner_top">
                <img src="../img/photo/head.jpg">
            </div>
            <div class="banner_mid">
                <img src="../img/photo/head1.jpg">
                <img src="../img/photo/head2.jpg">
                <img src="../img/photo/head3.jpg">
                <img src="../img/photo/head4.jpg">
                <img src="../img/photo/head5.jpg">
            </div>
        </div>

        <div class="main"> 
            <div class="main_header">
                <span class="tj">首页推荐</span>
                <span class="qt">最新发布</span>
                <span class="qt">上升最快</span>
            </div>
        </div>

    </div>
    <div class="main-body">
    <ul>
            <li>
                <img src ="../img/photo/6.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/7.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/8.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/9.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/10.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src ="../img/photo/11.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/12.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/13.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/14.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/15.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src ="../img/photo/16.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/17.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/18.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/19.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/20.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src ="../img/photo/21.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/22.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/23.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/24.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/25.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src ="../img/photo/26.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/27.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/28.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/29.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/30.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src ="../img/photo/31.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/32.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/33.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/34.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/35.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src ="../img/photo/36.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/37.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/38.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/39.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/40.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src ="../img/photo/41.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/42.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/43.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/44.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
            <li>
                <img src ="../img/photo/45.jpg" width="100%"; ><br>
                <br><a>优站精选</a>
                <br><p>Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例Bootstrap 网站实例</p><br>
                <p ><img src="../img/icon/liulan.png"height="20px" >665
                    <img src="../img/icon/pinglun.png"  height="16px">123
                    <img src="../img/icon/dianzan.png" height="20px">323
                </p>
                <hr>
                <div class="li-bottom">
                    <div class="li-bottom-left">
                        <div class="frame">
                            <img src="../img/icon/weibo.png" width="100%">
                        </div>
                    </div>
                    <div class="li-bottom-center"><p>gadf</p></div>
                    <div class="li-bottom-right">
                            <p>1小时前</p>
                        </div>    
                </div>
            </li>
        </ul>
    </div>
</body>
</html>